<!DOCTYPE html>
<html>

<head>
    <title>个人中心</title>
    <meta charset="utf-8" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <script src="web/static/js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="web/static/js/bootstrap.min.js"></script>
    <style>
        .red {
            color: magenta;
        }

        #main-box {
            margin-top: 100px;
        }

        body {
            height: 100%;
        }

        #footer {
            width: 100%;
        }
    </style>
</head>

<body>
    <!--导航-->
    <nav class="navbar navbar-default navbar-fixed-top" style="margin-bottom: 0">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#" style="color: blueviolet">DesignTo</a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="homepage.html">首页</a>
                    </li>
                    <li >
                        <a href="theme.html">主题</a>
                    </li>
                    <li>
                        <a href="custom.html">个性化</a>
                    </li>
                </ul>
                <div class="row nav nabbar-nav navbar-right" style="margin-top:.4em">
                    
                    <ul class="col-lg-3">
                        <li>
                            <button type="button" class="btn btn-defualt">
                                <span class="glyphicon glyphicon-user" aria-hidden="true"></span>User
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <!--页面主体-->
    <div class="container-fluid" id="main-box">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <!--个人信息栏-->
                <div id="user-info-row" class="row">
                    <img src="img/宠物.jpg" style="float:left;width:150px;height:150px;" class="img-thumbnail" alt="头像" />
                    <div class="col-md-6">
                        <label class="h4" id="username">USERNAME</label>
                        <span class="sex" style="color:#99ccff">♂</span>
                        <br />
                        <label>共提交
                            <label class="red">999+</label>次作品，共获得
                            <label class="red">999+</label>个赞
                        </label>
                        <br />
                        <label>联系邮箱：
                            <a href="mailto:1009789268@qq.com">1009789268@qq.com</a>
                        </label>
                    </div>
                </div>
                <!--分页栏-->
                <div class="row">
                    <ul class="nav nav-tabs">
                        <li role="presetation">
                            <a href="usercenter_public.html">公开作品</a>
                        </li>
                        <li role="presetation">
                            <a href="usercenter_upload.html">上传作品</a>
                        </li>
                        <li role="presetation" class="active">
                            <a href="usercenter_myrequire.html">我的需求</a>
                        </li>
                        <li role="presetation">
                            <a href="#">我的服务</a>
                        </li>
                    </ul>
                </div>
                <!--分页切换的主体-->
                <div class="row" style="margin-top:20px;">
                    <div class="container-fluid">
                        <div class="row">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <footer class="panel-footer text-center" id="footer">
        <h4>DesignTo服装设计服务平台</h4>
        <h5>Designer:
            <span class="glyphicon glyphicon-star" style="color: gold" aria-hidden="true"></span>Star
        </h5>
    </footer>
    <!--引用 main.js-->
    <script src="web/static/js/main.js"></script>
</body>

</html>